<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="mycss/son-1.css" />
    <link rel="stylesheet" href="./caomei1.2.8/style.css">
</head>
<body>
    <div class="main">
        <div class="main-top">
            <div class="main-tops1">
                <i class="czs-circle"></i>
                <span class="main-tops1-s1">设计</span>
                <span class="main-tops1-s2">Design</span>
            </div>
            <div class="main-tops2">
                <span class="main-tops2-s1">FM推荐：关注产品设计和用户体验播客节目</span>
                <span class="main-tops2-s2">UX coffee 设计咖</span>
            </div>
            <div class="main-tops3">
                <span class="main-tops3-s1"><i class="czs-angle-up-l"></i></span>
                <span class="main-tops3-s2"><i class="czs-angle-down-l"></i></span>
            </div>
        </div>
        <div class="main-menu">
            <ul>
                <li><a href="#" class="active-1"><i class="czs-bookmark-l"></i>书签</a></li>
                <li><a href="#" class="active-2"><i class="czs-wrench-l"></i>利器</a></li>
            </ul>
        </div>
        <div class="bottom">
            <div class="main-bottom-1">
                <a id="热门推荐"></a>
                <div class="bottom-1-s1">
                    <div class="bottom-1-s1s">
                        <i class="czs-fire-l"></i>
                        热门推荐
                    </div>
                </div>
                <div class="bottom-1-s2">
                    <div class="bottom-m">
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/1.png"></span>
                                <span class="m-text">Dribbble</span>
                            </a>
                            <div class="m-s-center">全球UI设计师作品秀社区</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>99499</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>408</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/2.png"></span>
                                <span class="m-text">Behance</span>
                            </a>
                            <div class="m-s-center">Adobe旗下设计师创意视觉社区</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>34854</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>268</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/3.png"></span>
                                <span class="m-text">Logopond</span>
                            </a>
                            <div class="m-s-center">国外LOGO展示社区</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>39715</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>952</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/4.png"></span>
                                <span class="m-text">Ello</span>
                            </a>
                            <div class="m-s-center">创意工作者网络社区和咨询</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>42586</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>613</span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="bottom-m">
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/5.png"></span>
                                <span class="m-text">Myfont</span>
                            </a>
                            <div class="m-s-center">最新时尚的商业英文字体</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>66466</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>946</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/6.png"></span>
                                <span class="m-text">站酷</span>
                            </a>
                            <div class="m-s-center">国内综合设计展示平台</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>36451</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>477</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/7.png"></span>
                                <span class="m-text">UI中国</span>
                            </a>
                            <div class="m-s-center">中国UI设计展示新秀</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>13435</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>230</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/8.png"></span>
                                <span class="m-text">Sketchfab</span>
                            </a>
                            <div class="m-s-center">全球最极致3D设计模型在线展示平台</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>39546</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>248</span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="bottom-m">
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/9.png"></span>
                                <span class="m-text">AdobeColor</span>
                            </a>
                            <div class="m-s-center">非常便捷的在线配色网站</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>72943</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>345</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/10.png"></span>
                                <span class="m-text">lapa</span>
                            </a>
                            <div class="m-s-center">优秀LandingPage落地页搜集</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>62358</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>349</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/11.png"></span>
                                <span class="m-text">SKetch.im</span>
                            </a>
                            <div class="m-s-center">国内不错的Sketch站点资源</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>63834</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>425</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/12.png"></span>
                                <span class="m-text">Fubiz</span>
                            </a>
                            <div class="m-s-center">法国每日新鲜创意灵感分享</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>20152</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>752</span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="bottom-m">
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/13.png"></span>
                                <span class="m-text">UIgradients</span>
                            </a>
                            <div class="m-s-center">简洁舒服的渐变配色</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>65135</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>468</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/14.png"></span>
                                <span class="m-text">Vimeo动画</span>
                            </a>
                            <div class="m-s-center">视频分享平台创意动画频道</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>57652</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>538</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/15.png"></span>
                                <span class="m-text">MyModernMet</span>
                            </a>
                            <div class="m-s-center">视觉创意和艺术爱好者网站</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>52736</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>406</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/16.png"></span>
                                <span class="m-text">Cartrdge</span>
                            </a>
                            <div class="m-s-center">游戏素材项目分享社区</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>69756</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>758</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-bottom-1">
                <a id="灵感采集"></a>
                <div class="bottom-1-s1">
                    <div class="bottom-1-s1s">
                        <i class="czs-fire-l"></i>
                        灵感采集
                    </div>
                </div>
                <div class="bottom-1-s2">
                    <div class="bottom-m">
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/1.png"></span>
                                <span class="m-text">Dribbble</span>
                            </a>
                            <div class="m-s-center">全球UI设计师作品秀社区</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>99499</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>408</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/2.png"></span>
                                <span class="m-text">Behance</span>
                            </a>
                            <div class="m-s-center">Adobe旗下设计师创意视觉社区</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>34854</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>268</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/3.png"></span>
                                <span class="m-text">Logopond</span>
                            </a>
                            <div class="m-s-center">国外LOGO展示社区</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>39715</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>952</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/4.png"></span>
                                <span class="m-text">Ello</span>
                            </a>
                            <div class="m-s-center">创意工作者网络社区和咨询</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>42586</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>613</span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="bottom-m">
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/5.png"></span>
                                <span class="m-text">Myfont</span>
                            </a>
                            <div class="m-s-center">最新时尚的商业英文字体</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>66466</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>946</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/6.png"></span>
                                <span class="m-text">站酷</span>
                            </a>
                            <div class="m-s-center">国内综合设计展示平台</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>36451</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>477</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/7.png"></span>
                                <span class="m-text">UI中国</span>
                            </a>
                            <div class="m-s-center">中国UI设计展示新秀</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>13435</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>230</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/8.png"></span>
                                <span class="m-text">Sketchfab</span>
                            </a>
                            <div class="m-s-center">全球最极致3D设计模型在线展示平台</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>39546</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>248</span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="bottom-m">
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/9.png"></span>
                                <span class="m-text">AdobeColor</span>
                            </a>
                            <div class="m-s-center">非常便捷的在线配色网站</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>72943</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>345</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/10.png"></span>
                                <span class="m-text">lapa</span>
                            </a>
                            <div class="m-s-center">优秀LandingPage落地页搜集</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>62358</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>349</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/11.png"></span>
                                <span class="m-text">SKetch.im</span>
                            </a>
                            <div class="m-s-center">国内不错的Sketch站点资源</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>63834</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>425</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/12.png"></span>
                                <span class="m-text">Fubiz</span>
                            </a>
                            <div class="m-s-center">法国每日新鲜创意灵感分享</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>20152</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>752</span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="bottom-m">
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/13.png"></span>
                                <span class="m-text">UIgradients</span>
                            </a>
                            <div class="m-s-center">简洁舒服的渐变配色</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>65135</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>468</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/14.png"></span>
                                <span class="m-text">Vimeo动画</span>
                            </a>
                            <div class="m-s-center">视频分享平台创意动画频道</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>57652</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>538</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/15.png"></span>
                                <span class="m-text">MyModernMet</span>
                            </a>
                            <div class="m-s-center">视觉创意和艺术爱好者网站</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>52736</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>406</span>
                                </a>
                            </div>
                        </div>
                        <div class="m-s">
                            <a href="#" class="m-s-top">
                                <span class="m-icon"><img src="image/16.png"></span>
                                <span class="m-text">Cartrdge</span>
                            </a>
                            <div class="m-s-center">游戏素材项目分享社区</div>
                            <div class="m-s-bottom">
                                <a href="#" class="m-s-b-l">
                                    <i class="czs-eye-l"></i>
                                    <span>69756</span>
                                </a>
                                <a href="#" class="m-s-b-r">
                                    <i class="czs-thumbs-up-l"></i>
                                    <span>758</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>